import React, { useState } from 'react'
import { Route, Routes, Navigate } from 'react-router-dom'
import Login from '@/views/Login'
import Reg from '@/views/Reg'
// import Mine from '@/views/Mine'
// import logo from './logo.svg'
import './App.scss'
import Noddle from '@/views/Noddle'



function App() {
  const [count, setCount] = useState(0)
  return (
    <div id="App">
      <Routes>
        <Route path="/login" element={<Login />} />
        <Route path="/reg" element={<Reg />} />
        <Route path='/noddle' element={<Noddle />} />
        {/* <Route path="/mine" element={<Mine />} /> */}
        {/* 在路径后添加型号（*）表示element对应的组件中有用子路由 */}
        {/* <Route path='/' element={<Navigate to='/login' />} /> */}
        <Route path='/' element={<Navigate to='/login' />} />
      </Routes>
    </div>
  )
}

export default App
